@CHARSET "UTF-8";

body,input,p {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.warp {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #3b5261;
}

.container {
	width: 100%;
}

.header {
	width:100%;
	height: 41px;
	background-color:#213e49;
	border-bottom: 1px solid #3b4b59;
}

.icon-shouqi {
	display: inline-block;
	width: 17px;
	height: 17px;
	color: #fff;
	padding: 10px;
}

.header_pic {
	position: absolute;
	padding: 10px 30px;
}

input {
	background: none;
	outline: none;
	border: none;
	color: #fff;
}

.msg_nav input {
	
}
/*map样式*/
.contentmap {
	
}

#allmap {
	width: 100%;
	height: 100%;
}

p {
	margin-left: 5px;
	font-size: 14px;
}

span {
	font: 12px '微软雅黑';
}

#search {
	height: 35px;
	position: absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	border: solid 0px;
	display: none;
}

#r-result input {
	width: 250px;
	height: 23px;
	background: #FFFAFA;
	font: 13px '微软雅黑';
	border-radius: 4px;
	padding: 2px;
	border: solid 1px #8DB6CD;
	padding-left: 5px;
	position: absolute;
	display: block;
	cursor: pointer;
}

#r-result span {
	position: absolute;
	cursor: pointer;
	padding-top: 3px;
}
/*上边的信息*/
.msg_nav {
	padding: 5px;
	margin:6px 6px 6px 2px;
	text-align: left;
	border-left:4px solid #abe2ab;
}
.nav1 {
	border-left:4px solid #7eafd8;
}
.nav1 input, .nav2 input, .nav3 input, .nav4 input{
	padding-left:5px;
}
.nav3 {
	border-left:4px solid #ff8cab;
}
.nav4 {
	border-left:4px solid #d9a89f;
}
.customer_num {
	position: absolute;
	top: 270px;
	left: 24px;
	width: 154px;
	height: 67px;
	background-color: #222d3a;
	text-align: center;
	color: #fff;
	opacity: .8;
	z-index: 99;
}
.customer_num input{
	color:#b3ecb1;
	width:154px;
	font-size:24px;
	text-align:center;
}
.run_msg1{
	width:140px;
	height:122px;
	border-right:1px solid #fff;
}
.run_msg1 span{
	height:70px;
	line-height:70px;
	font-size:20px;
	color:#fff;
}
.run_msg2,.run_msg3{
	position:absolute;
	display:inline-block;
	height:61px;
	width:166px;
}
.run_msg2{
	top:10px;
	left:144px;
	border-bottom:1px solid #fff;
}
.run_msg3{
	top:75px;
	left:144px;
}
.run_msg1 input,.run_msg2 input,.run_msg3 input{
	font-size:24px;
	color:#b3ecb1;
	
}
.run_msg2 input,.run_msg3 input,.run_msg2,.run_msg3{
	text-indent: 10px;
}
.run_msg1 span,.run_msg1 input{
	text-align:left;
	padding:2px;
}
/*故障和告警信息*/
#warnmsg {
	background-color: #334556;
	color: #c4c9cd;
	width:344px;
	height:408px;
	right:0;
	top:62px;
	overflow-x:hidden;
	overflow-y:scroll;
}

#warnmsg span {
	font-size: 12px;
}
/*背景层*/
#popLayer {
	display: none;
	background-color: #334556;
	position: absolute;	
	z-index:99;
}

/*弹出层*/
#popBox {
	display:none;
	width:244px;
	right:0;
	top:18px;
	position: fixed;
	
}
#popBox .close {
	text-align: right;
	background-color: #222d3a;
	opacity: .8;
}
/*关闭按钮*/
#popBox .close a {
	text-decoration: none;
	color: #2D2C3B;
}
/*滚动条*/
.topnav_box::-webkit-scrollbar{  
    width: 5px;  
    height:10px;     
    background-color:#b5b1b1;
}  
.topnav_box::-webkit-scrollbar-track       /**scroll轨道背景*/
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px; 
    background-color:black;    

}
.topnav_box::-webkit-scrollbar-thumb  /**滚动条中能上下移动的小块*/
{  
   border-radius: 10px;  
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
   background-color:#b5b1b1;
}

